// tab 选项
.tabs{
    &_title{
        background-color: #fff;
        display: flex;
        &_item{
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20rpx 0;
        }
        .active{
            font-weight: bold;
            position: relative;
             &::before{
                 content: "";
                 position: absolute;
                 bottom:0;
                 height: 5rpx;
                 // width: 80%;
                 // 把 width: 80%; 换成  left: 10%; right:10%;
                 // 通过定位属性拉伸出一个百分比盒子
                 left: 10%;
                 right:10%;
                 background-color: var(--mainColor);
             }
         }
    } 
 }